<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/grey-layout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Under Construction - Internet Imagery</title>
<script type="text/javascript" src="resources/jquery.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="resources/selectivizr.js"></script>
<![endif]-->
 
<style>
* {
	margin: 0px;
	padding: 0px;
}

/*Slideshow Div Styles*/
#slideshow {
	position: relative;
	width: 314px;
	height: 280px;
	padding: 10px;
	background: #fff url('images/camera-bg.jpg') no-repeat 10px 50px;
	overflow: hidden;
}

/*List Styles*/
#slideshow ul {
	list-style: none;
}

#slideshow li {
	float: left;
	overflow: hidden;
	margin: 5px 20px 0 0;
	
}

#slideshow li a {
	color: #36C;
	text-decoration: none;
	font: bold 15px/1 Helvetica, sans-serif;
	text-transform: uppercase;
	
	-webkit-transition: color 0.5s ease;
	   -moz-transition: color 0.5s ease;
	     -o-transition: color 0.5s ease;
	    -ms-transition: color 0.5s ease;
	        transition: color 0.5s ease;
}

#slideshow li a:hover {
	color: #50b0df;
	text-decoration: underline;
}

#slideshow li img {
	position: absolute;
	top: 50px;
	left: 10px;
	float: left;
	
	-webkit-transition: all 1s ease-in-out 0s;
	 -moz-transition: all 1s ease-in-out 0s;
	   -o-transition: all 1s ease-in-out 0s;
	  -ms-transition: all 1s ease-in-out 0s;
	      transition: all 1s ease-in-out 0s;
}

#slideshow li img:target {
	margin: 0 0 0 0px;
}

/*Shifts non-targeted images*/
#slideshow li img:not(:target) {
	margin: 0 0 0 -500px;
}

/*Alternative Animation (from top)*/
/*#slideshow li img:not(:target) {
	margin: -500px 0 0 0;
}*/

</style>

<!-- InstanceEndEditable -->
<meta name="Description" content="construction, amazing, bytes, life" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<script src="site-archives/site-archives/Scripts/swfobject_modified.js" type="text/javascript"></script>
<meta name="Keywords" content="internet, web, talent, freelance, flash, animation, photography, camera, imagery, concept, art" />
<link href="grey-layout-style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="light-grey" id="curve-top">
<center>
  <a name="top" id="top"></a>internetIMAGERY.com
</center></div>
<div id="logo-strip">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1024" height="150" id="logo" title="Internet Imagery">
    <param name="movie" value="web-images/header-bar.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/header-bar.swf" width="1024" height="150">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>

<div id="container">
<div id="nagivation-strip"><img src="web-images/nav-corner.png" width="40" height="55" alt="" />
  <object id="Web" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
    <param name="movie" value="web-images/wavy-button-web.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/wavy-button-web.swf" width="115" height="55">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <p><a href="ii-web.html">MY WEB</a></p>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55" id="Art">
    <param name="movie" value="web-images/wavy-button-art.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="web-images/wavy-button-art.swf" width="115" height="55">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <p><a href="ii-art.html">MY ART</a></p>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
  <object id="About" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
      <param name="movie" value="web-images/wavy-button-about.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="web-images/wavy-button-about.swf" width="115" height="55">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <p><a href="ii-about.html">ABOUT</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    <object id="Contact" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55">
      <param name="movie" value="web-images/wavy-button-contact.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="tansparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="web-images/wavy-button-contact.swf" width="115" height="55">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
          <p><a href="ii-contact.html">CONTACT</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="115" height="55" align="right" id="Home">
      <param name="movie" value="web-images/wavy-button-home.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="9.0.45.0" />
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object data="web-images/wavy-button-home.swf" type="application/x-shockwave-flash" width="115" height="55" align="right">
        <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <param name="swfversion" value="9.0.45.0" />
        <param name="expressinstall" value="site-archives/site-archives/Scripts/expressInstall.swf" />
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
         <p><a href="index.html">HOME</a></p>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
</div>
<!-- InstanceBeginEditable name="Main-text" -->
<div id="text-body">
  <h1>&nbsp;</h1>
  <h1>My art<span class="emphasis">.</span></h1>
  <p>&nbsp;</p>
  <p>Text in <span class="emphasis">here</span>.. Lots of text! so much text in fact that there is a lot to read. Tonnes to read. So much to read holy crap!</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="side-text" -->
<div id="side-text">
    <div id="slideshow">
      <ul>
        <li><a href="#one">&nbsp;One&nbsp;</a><img id="one" src="images/admit-hug-small.jpg"/></li>
        <li><a href="#two">Two&nbsp;</a> <img id="two" src="images/butterfly-small.jpg"/></li>
        <li><a href="#three">Three</a> <img id="three" src="images/lookout-small.jpg"/></li>
        <li><a href="#four">Four&nbsp;</a> <img id="four" src="images/shell-small.jpg"/></li>
        <li><a href="#five">Five</a> <img id="five" src="images/trapped-small.jpg"/></li>
      </ul>
    </div>
  </div>
<!-- InstanceEndEditable -->
<div id="footer">
  <center>
    <h5><a href="todo/index.php">Todo Test</a> - <a href="imagery">SimpleCMS Test</a> - <a href="https://bubbles.chchserver.co.nz:2096/" title="Login to webmail" target="_new">Email Login</a> - &copy; Jason Dixon 2012    </h5>
  </center>
  </div>  
</div>

<div id="bottom-curve"></div>
<script type="text/javascript">
swfobject.registerObject("Home");
swfobject.registerObject("About");
swfobject.registerObject("Contact");
swfobject.registerObject("logo");
swfobject.registerObject("Web");
swfobject.registerObject("Art");
</script>
</body>
<!-- InstanceEnd --></html>
